<html>
  <head>
    <meta content="text/html; charset=utf-8" http-equiv="content-type">
    <title>Welcome to Ajaxjs Web Framework's Homepage</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="author" content="Frank Chueng, frank@ajaxjs.com">
    <noscript></noscript>
  </head>
  <body>
    <link rel="icon" type="image/x-icon" href="http://bigfoot.ajaxjs.com/bigfoot/images/favicon.ico">
    <link rel="shortcut icon" type="image/x-icon" href="http://bigfoot.ajaxjs.com/bigfoot/images/favicon.ico">
    <style type="text/css">
			body,dl,dt,dd,ul,li,pre,form,fieldset,input,p,blockquote,th,td,h1,h2,h3,h4,h5{margin:0;padding:0;}
			img{border:0;vertical-align:top}ul li{list-style-type:none}.hide{display:none}
			
			body{
				-webkit-font-smoothing:antialiased;
				font-family: "Microsoft YaHei","ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida Grande","Hiragino Sans GB","Hiragino Sans GB W3",Arial;
			}
			*{	
				-webkit-tap-highlight-color: rgba(0, 0, 0, 0);/*很多Android 浏览器的 a 链接有边框，这里取消它*/
				-webkit-touch-callout: none;    /*在IOS浏览器里面，假如用户长按a标签，都会出现默认的弹出菜单事件*/  
			}
		</style>
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <meta http-equiv="X-UA-Compatible" content="edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="robots" content="index,follow">
    <!--宽度 320px -->
    <meta name="viewport" content="width=320,user-scalable=0,initial-scale=1.0,maximum-scale=1.0, minimum-scale=1.0">
    <style>

		  a{
			color: inherit;/* 继承颜色 */
			transition: color 0.5s ease;
		  }
		  a:hover{
			color: black;
		  }
			h1{
				font-size:2.5rem;
				text-shadow:2px 5px 6px rgba(0,0,0,.5);
				font-weight:normal;
				float:left;
			}
			.body{
				max-width:1000px;
				margin:0 auto;
				
			
			}
			nav.body{
				margin-top:20px;
				overflow: hidden;
			}
			.green{
				width:100%;
				background-color:#147c45;
				height:444px;
				
			}
			.green .body{
				overflow:hidden;
				background:url(images/index_03.jpg) no-repeat  76% 0;
			}
			.green .left{
				width:45%;
				float:left;
			}
			
			.green .right{
				width:55%;
				float:left;
				padding-top: 240px;
			}
			
			h2{
				color:#fff329;
				font-weight:normal;
				text-shadow:2px 5px 6px rgba(0,0,0,.5);
				letter-spacing:2px;
			}
			p{line-height:180%;letter-spacing:2px;
			
			}
			
			.points li{
				color:white;
				-webkit-text-stroke:5px rgba(0,0,0, .15);
				text-stroke:5px rgba(0,0,0, .15);
				list-style-type: disc;
				margin-left: 30px;
				font-size:.9rem;
				letter-spacing:2px;
				margin-bottom:6px;
			}
      nav ul{
        float: right;
        width:500px;
        color: gray;
        margin-top: 18px;
      }
      nav ul li{
        float:left;
        width:16%;
        margin-right: 4%;
        padding-bottom: 1%;
        text-align: center;
        border-bottom: 6px solid;
      }
      nav ul li a{
        text-decoration: none;
      }
      .cols{
        overflow: hidden;
        margin-top:5px;
        padding: 1% 0;
        background-image: url(""); }

      .cols li{
        float:left;
        width: 33.3%;
        border-right: 5px solid;
        box-sizing: border-box;
        padding:0.5% 2% 2% 2%;
        
      }
      .cols li p{
        font-size: .9rem;
        letter-spacing: 0px;
        color:#333;
      }
      h5{
        font-size: 1.2rem;
        vertical-align: middle;
      }
      
      footer{
        font-size: .9rem;
        height: 122px;
        text-align: center;
        margin-top: 3px;
        padding-top:30px;
        color:gray;
        background:repeat-x url(""); 
      }
      h5 img{height: 30px;}
      
      
      		@media screen and (max-width:480px){
				/*手机端浏览器所显示的网页CSS*/
				.body{
					max-width:320px;
				}
				nav.body {
					margin-top: 10px;
				}
				h1{
					padding-left:2%;
					padding-bottom:2%;
					font-size:2rem;
				}
				h2{
					display:none;
				}
				nav ul{
					float: none;
					overflow: hidden;
					margin:0 auto;
					margin-left:0%;
					width: 100%;
				}
				
				nav ul li {
					width:20%;
					margin-right:0%;
					letter-spacing: 0;
				}
				
				.green{
					width:100%;
					background-color:#147c45;
					height:auto;
					padding:2% 1%;
					box-sizing: border-box;
				}
				.green .body{
					overflow:hidden;
					background:none;
				}
				.green .left{
					width:100%;
					float:none;
					text-indent:0;
				}
				.green .left p{
					text-indent:2em;
				}
				
				.green .right{
					width:100%;
					float:none;
					padding-top: 3%;
					
				}
				.cols{
					max-width:100%;
				}
				.cols li {
					width:100%;
					float:none;
				}
				footer{
					height: 60px;
				}
			}
		</style>
    <nav class="body">
      <h1>AJAXJS Web Framework</h1>
      <ul>
        <li style="border-bottom-color:#ffed20;"><a href="#">简 介</a></li>
        <li style="border-bottom-color:#ff8820;"><a href="http://bigfoot.ajaxjs.com/bigfoot/demo/msgbox.jsp">前端演示</a></li>
        <li style="border-bottom-color:#2096ff;"><a href="#">后端演示</a></li>
        <li style="border-bottom-color:#c720ff;"><a href="http://blog.csdn.net/zhangxin09">博
            客</a></li>
        <li style="border-bottom-color:#ff0024;"><a href="http://bigfoot.ajaxjs.com/bigfoot/">旧版本</a></li>
      </ul>
    </nav>
    <div class="green">
      <div class="body">
        <div class="left">
          <h2 style="margin-top:6%;margin-bottom:2%;">AJAXJS Web Framework</h2>
          <h2 style="margin-bottom:5%;margin-left:35%;">Java 快速开发框架</h2>
          <p style="color:#fffbac;"> AJAXJS Web 是一款基于 Java 平台原创的 Web 框架，继承了 Java
            平台的高效、安全、稳定、跨平台等诸多优势， 但却摒弃了传统 SSH 企业级架构所带来的庞大和臃肿，非常适合互联网中小型网站的应用。</p>
          <div style="text-align:center;color:#fffbac;font-weight:normal;letter-spacing:2px;">
            <br>
            <img src="images/index_06.jpg"> <br>
            <h3>Open Source 开放源代码</h3>
            <h4><a href="http://code.taobao.org/p/bigfoot_v2/src/">SVN Checkout</a></h4>
          </div>
        </div>
        <div class="right">
          <div class="points" style="margin-bottom:10px;width:95%;"> <br>
            <ul>
              <li>一体化全栈式方案，提供完整的前后端解决方案，包括原创的前端库及基于主流选择的服务框架</li>
              <li>服务端堆栈 Servlet3.0/Spring MVC、HTML5/<a href="http://blog.csdn.net/zhangxin09/article/details/4548609">JSP</a>、
                <a href="http://blog.csdn.net/zhangxin09/article/details/7899525">JDBC</a>/<a

                  href="http://blog.mybatis.org/">Mybatis</a>、MySQL/Sqlite +
                Shiro权限、Node.js/Nashorn/Rhino </li>
              <li>前端采取免 jQuery 依赖的原生 JS+预编译样式 Less.js 方案，并逐步向强类型的、真正组件化的
                TypeScript/React 推进</li>
            </ul>
            <br>
            <br>
          </div>
        </div>
      </div>
    </div>
    <ul class="body cols">
      <li style="border-right-color:#ff8820;">
        <h5><img src="images/icon_source.png">&nbsp;设计原则 </h5>
        <p>快速、高效，轻量级维护，提倡敏捷开发；遵循“够用就好、就地取材”原则，谨慎采用第三方库；提供完备的文档、充足的注释和大量单元测试。
          AJAXJS 会一直免费、开源。</p>
      </li>
      <li style="border-right-color:#2096ff;">
        <h5><img src="images/icon_inkboard.png"> 基础功能 Foundation</h5>
        <p>实体快速 CRUD 并装配；前端基于 TypeScript+React 组件，提供 List/Carousel/Grid/Tree/HTMLEditor 等控件；响应式设计兼容 PC/H5App/微信公众号</p>
      </li>
      <li style="border-right-color:#c720ff;">
        <h5><img src="images/icon_database.png">下载 &amp; 运行 Download</h5>
        <p>Win/OS X/CentOS，JRE 1.7+/Tomcat 7</p>
        <p><a href="http://code.taobao.org/p/bigfoot_v2/src/">源 码</a> <a href="#">Java
            Doc 文档</a> <a href="http://framework.ajaxjs.com/framework/docs/docs.html">手册</a></p>
        <p>QQ 群：3150067 <a href="http://blog.csdn.net/zhangxin09">作者博客</a> <a

            href="http://bbs.ajaxjs.com">JS 堂</a>论坛</p>
        <p><a href="http://bigfoot.ajaxjs.com/bigfoot/">旧版本</a> <span style="font-size:.7rem;">（基
            于 Servlet 和 JSP 原生开发）</span> </p>
      </li>
    </ul>
    <footer>
      <div class="body">粤 ICP 证 09002462 号 | Copyright © 1999-2016, Sp42</div>
    </footer>
    <!-- CNZZ 统计 -->
    <div class="hide">
      <script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1256910326'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s95.cnzz.com/z_stat.php%3Fid%3D1256910326' type='text/javascript'%3E%3C/script%3E"));</script>
    </div>
    <!-- // CNZZ 统计 -->
  </body>
</html>
